<mat-card>
    <mat-card-header>
        <div style="display:flex;width:100%;justify-content: space-between;">
            <mat-card-title>导入</mat-card-title>
            <button mat-icon-button mat-dialog-close type="button" style="z-index: 999;">
                <mat-icon class="material-icons">close</mat-icon>
            </button>
        </div>

    </mat-card-header> 

    <mat-card-content style="height: 500px;">

<div   style="height: 500px;    overflow: scroll;" >
    <table mat-table [dataSource]="cams" style="width:700px;">
       
        <ng-container matColumnDef="ck">
            <mat-header-cell *matHeaderCellDef
                style="min-width: 40px; max-width: 40px; width: 40px"> 
                <mat-checkbox (change)="$event ? toggleSelectAll() : null"
                [checked]="AllChecked">
            </mat-checkbox>
            </mat-header-cell>
            <mat-cell *matCellDef="let column; let i = index">
             <input type="checkbox" [(ngModel)]="column.ck"/>
            </mat-cell>
        </ng-container>
        <ng-container matColumnDef="cameraId">
            <mat-header-cell *matHeaderCellDef
                style="min-width: 40px; max-width: 40px; width: 40px">id</mat-header-cell>
            <mat-cell *matCellDef="let column; let i = index">
                {{column.cameraId}}
            </mat-cell>
        </ng-container>
        <ng-container matColumnDef="cameraIp">
            <mat-header-cell *matHeaderCellDef style="flex: 1" class="mat-column-sampleData"> 摄像头ip</mat-header-cell>
            <mat-cell *matCellDef="let column">
                {{column.cameraIp}}
            </mat-cell>
        </ng-container>
        <ng-container matColumnDef="cameraName">
            <mat-header-cell *matHeaderCellDef style="min-width: 80px; max-width: 80px; width: 80px"> 名称</mat-header-cell>
            <mat-cell *matCellDef="let column">
                {{column.cameraName}}
            </mat-cell>
        </ng-container>
        <ng-container matColumnDef="comp">
            <mat-header-cell *matHeaderCellDef style="flex: 1" class="mat-column-sampleData"> 状态</mat-header-cell>
            <mat-cell *matCellDef="let column">
                <mat-icon *ngIf="column.comp;else t1">add_circle</mat-icon> 
                <ng-template #t1>
                    <mat-icon > add_circle_outline</mat-icon> 
                </ng-template>
             
            </mat-cell>
        </ng-container>
        <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
        <mat-row *matRowDef="let column; columns: displayedColumns;"></mat-row>
    </table>

</div>
     



    </mat-card-content>
    <mat-dialog-actions align="end">
        <button mat-button mat-dialog-close>Cancel</button>
        <button mat-button (click)="batchAdd()" cdkFocusInitial>导入</button>
    </mat-dialog-actions>

</mat-card>